


<el-row style="height: 50px;background-image:  url(/danganSys/statics/images/top_1.gif);">
    <img id="logo" src="/danganSys/statics/images/logo.png" style="width: 250px;margin-left:20px;float: left"/>
    <div style="float:right;color:#fff;padding:15px 10px;">欢迎 {{username}}</div>
    <div class="navbar-custom-menu" style="float: right">
        <ul class="nav navbar-nav">
            <li @click="pwdForm.resetPasswordVisible = true"><a href="javascript:;"><i class=""></i> &nbsp;修改密码</a></li>
            <li><a href="javascript:;" @click="logout"><i class=""></i> &nbsp;退出系统</a></li>
            <#if shiro.hasPermission("dangan:wsFile")>
                <li><a href="javascript:;" @click="loadHtml('/danganSys/admin')"><i class=""></i> &nbsp;后台管理</a></li>
            </#if>
            <#if shiro.hasPermission("dangan:wsFile")>
                <li><a href="javascript:;" id="sp"  @click="loadHtml('/danganSys/modules/dangan/wsFile.html','D')"><i class=""></i> &nbsp;档案管理</a></li>
            </#if>
        </ul>
    </div>
</el-row>
<el-row style="height:92px;background-color:#f7f8fa;" class="header-bottom">
    <div class="header-btn">
        <img src="/danganSys/statics/images/index.jpg"
             @click="loadHtml('/danganSys/modules/dangan/danganIndex.html')"
             width="42" height="42"/> <br>
        <a href="javascript://" @click="loadHtml('/danganSys/modules/dangan/danganIndex.html')">首页</a>
    </div>
    <div class="header-btn">
        <img src="/danganSys/statics/images/1.png"
             @click="loadHtml('/danganSys/modules/dangan/wsDangan.html','A')"
             width="42" height="42"/> <br>
        <a href="javascript://" @click="loadHtml('/danganSys/modules/dangan/wsDangan.html','A')">综合类</a>
    </div>
    <div class="header-btn">
        <img src="/danganSys/statics/images/2.png"
             @click="loadHtml('/danganSys/modules/dangan/wsDangan.html','B')"
             width="42" height="42"/> <br>
        <a href="javascript://"  @click="loadHtml('/danganSys/modules/dangan/wsDangan.html','B')" id="B">计划财务类</a>
    </div>
    <div class="header-btn">
        <img src="/danganSys/statics/images/3.png"
             @click="loadHtml('/danganSys/modules/dangan/djDangan.html','C')"
             width="42" height="42"/> <br>
        <a href="javascript://"  @click="loadHtml('/danganSys/modules/dangan/djDangan.html','C')" id="C">地籍管理类</a>
    </div>
    <div class="header-btn">
        <img src="/danganSys/statics/images/4.gif"
             @click="loadHtml('/danganSys/modules/dangan/djDangan.html','D')"
             width="52" height="42"/> <br>
        <a href="javascript://" @click="loadHtml('/danganSys/modules/dangan/djDangan.html','D')" id="D">土地利用规划类</a>
    </div>
    <div class="header-btn">
        <img src="/danganSys/statics/images/5.png"
             @click="loadHtml('/danganSys/modules/dangan/jsydDangan.html','E')"
             width="52" height="42"/> <br>
        <a href="javascript://" @click="loadHtml('/danganSys/modules/dangan/jsydDangan.html','E')" id="E">建设用地类</a>
    </div>
    <div class="header-btn">
        <img src="/danganSys/statics/images/6.png" width="48" height="43"/> <br>
        <a href="javascript://" id="F">国土资源监察类<br></a>
    </div>
    <div class="header-btn">
        <img src="/danganSys/statics/images/7.gif"
             @click="loadHtml('/danganSys/modules/dangan/wsDangan.html','G')"
             width="52" height="42"/> <br>
        <a href="javascript://" @click="loadHtml('/danganSys/modules/dangan/wsDangan.html','G')" id="G">宣教科技信息类</a>
    </div>
    <div class="header-btn">
        <img src="/danganSys/statics/images/8.png" width="42" height="42"/> <br>
        <a href="javascript://" id="H">电子声像材料类<br></a>
    </div>
    <div class="header-btn">
        <img src="/danganSys/statics/images/9.png"
             @click="loadHtml('/danganSys/modules/dangan/wsDangan.html','A')"
             width="42" height="42"/> <br>
        <a href="javascript://" @click="loadHtml('/danganSys/modules/dangan/wsDangan.html','A')" id="I">地质矿产管理类</a>
    </div>
<!--    <#if shiro.hasPermission("dangan:wsFile")>-->
<!--        <div class="header-btn">-->
<!--            <img src="/dangan/statics/images/10.png"-->
<!--                 @click="loadHtml('/dangan/modules/dangan/wsFile.html','D')"-->
<!--                 width="42" height="42"/> <br>-->
<!--            <a href="javascript://" id="sp"  @click="loadHtml('/dangan/modules/dangan/wsFile.html','D')">管理</a>-->
<!--        </div>-->
<!--    </#if>-->

</el-row>
<el-dialog
        title="登录"
        :visible.sync="loginForm.loginVisible"
        :close-on-click-modal = "loginForm.dialog"
        :close-on-press-escape = "loginForm.dialog"
        :show-close = "loginForm.dialog"
        width="20%"
        center
>
    <el-form :model="loginForm" ref="loginForm"  :rules="loginForm.rules" label-width="80px">
        <el-form-item label="用户名" prop="username">
            <el-input v-model="loginForm.username"></el-input>
        </el-form-item>
        <el-form-item label="密码" prop="password">
            <el-input v-model="loginForm.password" show-password></el-input>
        </el-form-item>
        <el-form-item>
            <el-button type="primary" @click="login('loginForm')">登 录</el-button>
        </el-form-item>
    </el-form>
</el-dialog>
<el-dialog
        :visible.sync="pwdForm.resetPasswordVisible"
        :close-on-press-escape="false" :close-on-click-modal="false"
        width="30%"
        title="修改密码"
        :show-close="false"
        center
>
    <el-form :model="pwdForm" ref="pwdForm"

             :rules="pwdForm.rules" label-width="80px">
        <el-form-item label="原密码" prop="oldPassword">
            <el-input v-model="pwdForm.oldPassword" ></el-input>
        </el-form-item>
        <el-form-item label="新密码" prop="newPassword">
            <el-input v-model="pwdForm.newPassword" ></el-input>
        </el-form-item>
    </el-form>
    <span slot="footer" class="dialog-footer">
            <el-button type="primary" @click="resetPassword">修改</el-button>
            <el-button  v-show="pwdForm.showCancel" @click="pwdForm.resetPasswordVisible = false">取消</el-button>
          </span>
</el-dialog>
<!--<el-dialog-->
<!--        title="登录"-->
<!--        :visible.sync="userInfo.changePWDVisible"-->
<!--        :close-on-click-modal = "loginForm.dialog"-->
<!--        :close-on-press-escape = "loginForm.dialog"-->
<!--        :show-close = "loginForm.dialog"-->
<!--        width="20%"-->
<!--        center-->
<!--&gt;-->
<!--    <el-form :model="loginForm" ref="loginForm"  :rules="loginForm.rules" label-width="80px">-->
<!--        <el-form-item label="用户名" prop="username">-->
<!--            <el-input v-model="loginForm.username"></el-input>-->
<!--        </el-form-item>-->
<!--        <el-form-item label="原密码" prop="password">-->
<!--            <el-input v-model="loginForm.password" ></el-input>-->
<!--        </el-form-item>-->
<!--        <el-form-item label="新密码" prop="password">-->
<!--            <el-input v-model="loginForm.password" ></el-input>-->
<!--        </el-form-item>-->
<!--        <el-form-item>-->
<!--            <el-button type="primary" @click="login('loginForm')">登 录</el-button>-->
<!--        </el-form-item>-->
<!--    </el-form>-->
<!--</el-dialog>-->